<div class="index_views">
<div class="index_img">
<ul class="inde_list" style="top: -392px;">
	<li><a title="Topseller" target="_blank" href="http://www.efox-shop.com/upai-n7100-mtk6577-android4-1-handy-smartphone-mit-5-3-zoll-touchscreen-1ghz-dual-core-umts-3g-dual-sim-p-276694?home_ad=C1"> <img width="550" height="196" alt="" src="http://www.efox-shop.com/images/bannerss/MHN71011211.jpg"> </a></li>
	<li><a title="Weihnachts-Special" target="_blank" href="http://www.efox-shop.com/Topics/Weihnachten2012/index.html?home_ad=C2"> <img width="500" height="196" alt="" src="http://www.efox-shop.com/images/bannerss/Weihnachten1126.jpg"> </a></li>
	<li><a title="Modische Uhren" target="_blank" href="http://www.efox-shop.com/uhren-c-5732?home_ad/C3"> <img width="550" height="196" alt="" src="http://www.efox-shop.com/images/bannerss/Uhren1126.jpg"> </a></li>
	<li><a title="Kleider für Anlässe" target="_blank" href="http://www.efox-shop.com/hochzeitsmode-events-kleiderr-anl-sse-c-463_1570?home_ad=C4"> <img width="550" height="196" alt="" src="http://www.efox-shop.com/images/bannerss/Kleideranlasse1126.jpg"> </a></li>
</ul>
<ul class="inde_array"></ul>
</div>
</div>
<script>
$().ready(function(){
	$(".inde_array").show();
var sun_size=$(".inde_list li").length;
for(var i=1;i<=sun_size;i++){
	var ul_list=$("<li>"+i+"</li>");
	ul_list.appendTo(".inde_array");
	}
$(".inde_array li:first").addClass("curt_new");
slide=function(){
    var n=0;
    var next=$(".index_title li").index($(".current").parents("li"))+1;
    var wrimg=$(".inde_list");
    var rrow=$(".index_title li");
	var next2=$(".inde_array li").index($(".curt_new"))+1;
	if(next<rrow.length||next2<rrow.length){
 	   rrow.eq(next).children("a").addClass('current').end().siblings().children("a").removeClass('current');
	   $(".inde_array li").eq(next).addClass("curt_new").siblings().removeClass("curt_new");
 	   wrimg.animate({top:"-"+next*wrimg.find("li img").height()+"px"},500)
  	  }else
 	   if(next==rrow.length||next2==rrow.length){
     rrow.eq(n).children("a").addClass('current').end().siblings().children("a").removeClass('current');
	 $(".inde_array li").eq(n).addClass("curt_new").siblings().removeClass("curt_new");
     wrimg.animate({top:n+"px"},500);
                 };
};
var time_obj = setInterval(slide,4000);

		$('.inde_array li').live('mouseover',function(){
				
				$(".inde_list").stop();
				clearInterval(time_obj);
				$(this).addClass("curt_new").siblings().removeClass("curt_new");
				//alert($('.inde_array li').index($(".curt_new")));
				$(".index_title li").eq($('.inde_array li').index(this)).children("a").addClass("current").end().siblings().children("a").removeClass("current") ;
				$(".inde_list").animate({top:"-"+$('.inde_array li').index($(".curt_new"))*$(".inde_list img").height()+"px"},100);
			});
			$('.inde_array li').live('mouseout',function(){
				time_obj = setInterval(slide,4000);
			});


			$('.index_title li').live('mouseover',function(){
				$(".inde_list").stop();
				clearInterval(time_obj);
				
				$(this).children("a").addClass("current").end().siblings().children("a").removeClass("current") ;
				$(".inde_array li").eq($(".index_title li").index(this)).addClass("curt_new").siblings().removeClass("curt_new");
				$(".inde_list").animate({top:"-"+$('.index_title li').index($(".current").parents("li"))*$(".inde_list img").height()+"px"},100);
			});
				$('.index_title li').live('mouseout',function(){
				time_obj = setInterval(slide,4000);
			});
});
</script>
<!--bof-banner #4 display -->
<?php
  if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) {
    if ($banner->RecordCount() > 0) {
?>
<div id="bannerFour" class="index-banner-r"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }
?>
